<template>
  姓名：{{name}} ---  年龄：{{age}}
</template>

<script>
  import { ref } from 'vue'
  export default {
    //定义属性，并设置属性为什么类型的
    props: {
      name: String,
      age: Number
    },
    setup(props, context)
    {
      console.log(props)

      //接收父组件传递过来的数据并做成响应式
      var name = ref(props.name)

      var age = ref(props.age)


      return {
        name,
        age
      }
    }
  }
</script>